<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test.js"></script>
</head>
<body>
<script>
description('Various tests for the the hidden IDL attribute.');

var testParent = document.createElement('div');
document.body.appendChild(testParent);

debug('The IDL attribute reflects what is present in markup:');
testParent.innerHTML = '<div id=h1 hidden></div><div id=h2 hidden=false></div><div id=h3 hidden=off></div><div id=s1></div>';
var h1 = document.getElementById("h1");
var h2 = document.getElementById("h2");
var h3 = document.getElementById("h3");
var s1 = document.getElementById("s1");

shouldBeTrue('h1.hidden');
shouldBeTrue('h2.hidden');
shouldBeTrue('h3.hidden');
shouldBeFalse('s1.hidden');

debug('Changes via DOM Core are reflected through the IDL attribute:');

shouldBeFalse('(h1.removeAttribute("hidden"), h1.hidden)');
shouldBeTrue('(h1.setAttribute("hidden", ""), h1.hidden)');
shouldBeTrue('(h2.setAttribute("hidden", ""), h2.hidden)');
shouldBeTrue('(s1.setAttribute("hidden", ""), s1.hidden)');

debug('Changes via IDL attribute are reflected in the core DOM:');

shouldBe('(h3.hidden = false, h3.getAttribute("hidden"))', 'null');
shouldBe('(h3.hidden = true, h3.getAttribute("hidden"))', '""');
</script>
</body>
</html>
